<template>
  <svg
    t="1754525691476"
    class="icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="1070"
    :width="size"
    :height="size"
  >
    <path
      d="M304 176h80v672h-80zM712 176h-64c-4.4 0-8 3.6-8 8v656c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V184c0-4.4-3.6-8-8-8z"
      p-id="1071"
      :fill="color"
    ></path>
  </svg>
</template>

<script>
  export default {
    name: "PauseIcon",
    props: {
      size: {
        type: [Number, String],
        default: 30,
      },
      color: {
        type: String,
        default: "#f8f8f8",
      },
    },
  };
</script>

<style scoped>
  .icon {
    display: inline-block;
    vertical-align: middle;
  }
</style>
